<!DOCTYPE HTML>
<html>
<head>
    {include file="common:meta"}
  </head>
<body>
<div class="page-container">
    <div class=" float-e-margins">
        <div class="ibox-content">
            <div class="tabs-container">
                <ul class="nav nav-tabs">
                    <li class="active"><a data-toggle="tab" href="#tab-1" aria-expanded="true">礼物列表</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class=" tab-pane active" id="tab-1">
                        <form action="" class="form-inline" data-url="">
                            <div class="form-group">
                                <label class="control-label" for="key">选项:</label>
                                <select id="key" class="form-control" name="key">
                                    <!--<option value="">请选择</option>-->
                                    <!--<option value="id">ID</option>-->
                                    <!--<option value="gift_name">礼物名</option>-->
                                    <!--<option value="type">属性</option>-->
                                </select>
                            </div>
                            <div class="form-group">
                                <label class="control-label" for="value">输入:</label>
                                <input class="form-control" id="value" type="text" name="value">
                            </div>
                            <button type="button" class="btn btn-primary" id="eventQuery">查询</button>
                            <button type="button" onclick="location.replace(location.href);" class="btn btn-success ">刷新</button>
                        </form>
                        <table id="tb_departments"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{include file="common:footer"}
<script>

    $(document).ready(function () {
        initTable();

    });

    function initTable() {
        $('#tb_departments').bootstrapTable({
            url: '/GreenWinterRecordData',         //请求后台的URL（*）
            dataField: "data",
            method: 'post',                      //请求方式（*）
            striped: true,                      //是否显示行间隔色
            cache: true,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
            pagination: true,                   //是否显示分页（*）
            queryParams: queryParams,//传递参数（*）
            showToggle: true,
            showRefresh: true,
            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
            pageNumber: 1,                       //初始化加载第一页，默认第一页
            pageSize: 10,                       //每页的记录行数（*）
            pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
            showColumns: true,                  //是否显示所有的列
            showPaginationSwitch: true,
            minimumCountColumns: 2,             //最少允许的列数

            columns: [{
                field: 'u_id',
                title: 'ID'
            }, {
                field: 'nickname',
                title: '昵称'
            },{
                field: 'bag_name',
                title: '背包名'
            },{
                field: 'draw_num',
                title: '领取次数'
            },{
                field: 'diamonds',
                title: '总价值'
            },{
                field: 'create_time',
                title: '申请时间'
            },{
                field: 'update_time',
                title: '更新时间'
            },{
                field: 'status',
                title: '状态',
                formatter: function (value, row, index){
                    var arr = [];
                    arr[1] = '已批准'; arr[2]='申请中';
                    return arr[row.status]?arr[row.status]:'未知';
                }
            },{
                field: 'Button',
                title: '操作',
                events: operateEvents,
                formatter: operateFormatter
            }]
        });
    }
    //得到查询的参数
    function queryParams(params) {
        params.offset = params.offset / params.limit + 1;
        params.key = $('#key').val();
        params.value = $('#value').val();
        console.log(JSON.stringify(params));
        return params;
    }

    function operateFormatter(value, row, index) {
        var prize_status = row.status === 1 ? '已批准' : '批准';
        if( row.status === 2){
            var sho = 'btn-danger';
            var cla = 'agree';
        }
        else
            var sho = 'btn-primary';
        return [
            '<button type="button"  class=" '+cla +' btn '+sho+' btn-sm" style="margin-right:15px;">' + prize_status + '</button>'
        ].join('');
    }
    window.operateEvents = {
        'click .agree': function (e, value, row, index) {
            $.ajax({
                type: 'get',
                url: "/GreenWinterAgree?id=" + row.id,
                async: true,
                dataType: 'json',
                success: function (result) {
                    if (result.code == 100) {
                        layer.msg(result.msg, {
                            icon: 1,
                            time: 1000
                        });
                        $('#tb_departments').bootstrapTable(('refresh'));	// 很重要的一步，刷新url！
                    }
                    else {
                        layer.msg(result.msg, {
                            icon: 2,
                            time: 1000
                        });
                    }
                },
                error: function (err) {
                    layer.msg('服务器开小差了！', {
                        time: 1500
                    });
                }
            });
        }
    };

    function changeStatus()
    {

    }

    // 搜索按钮触发事件
    $(function () {
        $("#eventQuery").click(function () {
            $('#tb_departments').bootstrapTable(('refresh'));	// 很重要的一步，刷新url！
        });
    });


</script>
</body>
</html>